
// basic style for nav
.nav{
  // font-family: "OpenSansRegular"
}

.nav > li > a > .nav-hint{
  margin-top: 5px;
  font-size: 0.8em;
  color: $gray;
}

.nav > li.active > a > .nav-hint{
  color: $white;
}

.nav > li.disabled > a > .nav-hint{
  color: $grayLight;
}

// nav-tabs
.nav-tabs > li > a,
.nav-tabs > li.disabled > a:hover{
  background-color: $grayLighter;
  border-bottom: 1px solid $paginationBorder;
  @include border-radius(0);
}

.nav-tabs > li > a:hover{
  background-color: $paginationBorder;
  border: 1px solid $paginationBorder;
}

.nav-tabs > li.disabled > a,
.nav-tabs > li.disabled > a:hover{
  font-style: italic;
  border: 1px solid $tableBorder;
  border-bottom: 1px solid $paginationBorder;
}

.nav-tabs.nav-stacked > li:first-child > a{
  @include border-radius(0);
}

.nav-tabs.nav-stacked > li:last-child > a{
  @include border-radius(0);
}

// nav-pills
.nav-pills > li > a{
  @include border-radius(0);
}

.nav-pills > li > a:hover{
  background-color: transparent
}

// nav pills + nav-simple
.nav-pills.nav-simple > li > a{
  cursor: pointer;
  margin-bottom: 10px;

  > .nav-hint {
    margin-bottom: 0px;
    font-family: "OpenSansRegular";
    color: $gray;
  }
}

.nav-pills.nav-simple > li.active > a{
  font-family: "OpenSansBold";
  color: $white;
  background-color: $linkColor;

  > .nav-hint {
    // color: $white;
  }
}

.nav-pills.nav-simple > li.disabled > a{
  font-family: "OpenSansItalic";
  color: $grayLight;
}